<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>营业记录</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/js/common/bootstrap/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/js/common/bootstrap/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="${pageContext.request.contextPath }/js/jquery-3.1.1.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="${pageContext.request.contextPath }/js/common/bootstrap/js/bootstrap.min.js"></script>
	<!-- 
	
       _==/          i     i          \==_
     /XX/            |\___/|            \XX\
   /XXXX\            |XXXXX|            /XXXX\
  |XXXXXX\_         _XXXXXXX_         _/XXXXXX|
 XXXXXXXXXXXxxxxxxxXXXXXXXXXXXxxxxxxxXXXXXXXXXXX
|XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX|
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
|XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX|
 XXXXXX/^^^^"\XXXXXXXXXXXXXXXXXXXXX/^^^^^\XXXXXX
  |XXX|       \XXX/^^\XXXXX/^^\XXX/       |XXX|
    \XX\       \X/    \XXX/    \X/       /XX/
       "\       "      \X/      "      /"
 -->
</head>
<body>

<hr>
	
		<form action="http://127.0.0.1:8081/bsc/jhy/businessRecords"
			method="post" class="form-inline" id="myform">
			<table  class="table table-condensed" width="100%">
			
				<tr>
					<td width="10%" align="right">订单编号：</td>
					<td width="10%"><input type="text" id="order_id"
						name="order_id" value="" class="form-control" aria-describedby="sizing-addon3"/></td>
					<td width="10%" align="right">顾客账号：</td>
					<td width="10%"><input type="text" id="mobile" name="mobile"
						value="" class="form-control" /></td>
						<td width="10%" align="right">顾客姓名：</td>
					<td width="10%"><input type="text" id="username"
						name="username" value="" class="form-control" /></td>
						<td width="10%" align="right">订单状态：</td>
					<td width="10%"><select name="order_status" id="order_status" class="form-control">
							<option value="">全部</option>
							<option value="1">已支付</option>
							<option value="2">已完成</option>
					</select></td>
					
				</tr>
				<tr>
					<td width="10%" align="right">消费内容：</td>
					<td width="10%"><input type="text" id="order_content"
						name="order_content" value="" class="form-control" /></td>
					<td width="10%" align="right">支付方式：</td>
					<td><select name="pay_way" id="pay_way" class="form-control">
							<option value="">全部</option>
							<option value="1">微信付款</option>
							<option value="2">支付宝付款</option>
							<option value="3">美研币</option>

					</select></td>
						<td width="10%" align="right">服务员工：</td>
					<td width="10%"><input type="text" id="server"
						name="server" value="" class="form-control" /></td>
						<td width="10%" align="right">最后操作员工：</td>
					<td width="10%"><input type="text" id="account"
						name="account" value="" class="form-control" /></td>
				</tr>
				<tr>
					<td width="10%" align="right">店铺名称：</td>
					<td width="10%"><select name="shop_name" id="shop_name" class="form-control">
							<option value="">全部</option>
							<c:forEach items="${shop }" var="shop">
							<option value="${shop.shop_name }">${shop.shop_name }</option>
							</c:forEach>
					</select></td>
					<td width="10%" align="right">订单来源：</td>
					<td><select name="order_source" id="order_source" class="form-control">
							<option value="">全部</option>
							<option value="1">平台</option>
							<option value="2">商家</option>
	
					</select></td>
						<td width="10%" align="right">完成日期：</td>
					<td width="10%" colspan="3"><input type="date" id="finish_time1"
						name="finish_time1" value="" class="form-control" />至
						<input type="date" id="finish_time2"
						name="finish_time2" value="" class="form-control" />
						<button class="btn btn-default btn-sm" type="submit">
						<span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
						<button type="reset" class="btn btn-default btn-sm">
						<span class="glyphicon glyphicon-repeat" aria-hidden="true">重置</button> 
						
						</td>
				</tr>
			</table>
			
		</form>

		<hr>
		<div class="table-responsive">
		
<div style="width:2000px; height:490px; overflow:scroll;">
		<table class="table table-bordered">
		<tr><td>
					</td>
				<td>订单编号</td>
				<td>顾客账号</td>
				<td>顾客姓名</td>
				<td>消费内容</td>
				<td>价格(元)</td>
				<td>支付方式</td>
				<td>实付金额(元)</td>
				<td>消耗颜值</td>
				<td>店铺编号</td>
				<td>店铺名称</td>
				<td>服务员工</td>
				<td>最后操作员工</td>
				<td>支付时间</td>
				<td>完成时间 </td>
				<td>状态</td>
				<td>订单来源</td>
			</tr>
		
		<c:forEach items="${list }" var="bbo">
				<tr><td>
					<a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModal"
						href="selectBusinessById/${bbo.order_id }" role="button">
						 <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
					</a>
					</td>
					<td>${bbo.order_id}</td>
					<td>${bbo.mobile}</td>
					<td>${bbo.username}</td>
					<td>${bbo.order_content}</td>
					<td>${bbo.order_money}</td>
					<td>${bbo.pay_way==1?"微信":"" || bbo.pay_way==2?"支付宝":"" || bbo.pay_way==3?"美颜币":""}</td>
					<td>${bbo.pay_money}</td>
					<td>${bbo.extend_beauty_num}</td>
					<td>${bbo.shop_id}</td>
					<td>${bbo.shop_name}</td>
					<td>${bbo.server}</td>
					<td>${bbo.account}</td>
					<td>${bbo.pay_time}</td>
					<td>${bbo.finish_time}</td>
					<td>${bbo.order_status==1?"已支付":"" || bbo.order_status==2?"已完成":""}</td>
					<td>${bbo.order_source==1?"平台":"商家"}</td>
					

				</tr>
			</c:forEach>
			</table></div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document" style="100px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">查看详情</h4>
      </div>
      <div class="modal-body">
      <iframe src="http://127.0.0.1:8085/bsc/jhy/seeBis_business_order">
      </iframe>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>


</body>
</html>